﻿

#banner_0{ width: 100%; height: 880px; position: relative; z-index: 9000;}

#banner_0 .b1{ background: url('../images/b13.jpg') center top 50% no-repeat fixed ;z-index: 8000; background-size: 100% auto;}

#banner_0 .b2{ background: url('../images/b14.jpg') center bottom no-repeat;z-index: 7999;}

#banner_0 .b3{ background: url('../images/b15.jpg') center bottom no-repeat;z-index: 7998;}

#banner_0 .b_img{ position: absolute; left: 0; top: 0; right: 0; bottom:0; }

#banner_0 .title{ width: 290px; height: 66px; border: 1px #999 solid; position: absolute; left: 50%; top: 50%; margin-top: -33px; margin-left: -145px; z-index: 8001; text-align: center; box-sizing: border-box; padding-top: 8px; line-height: 24px;}



#section_0{ width: 100%; ; height: 455px; position: relative; z-index: 9000; overflow: hidden;}

#section_0 .background_1{ position: absolute; display: none; top:0; width: 390px; height: 507px; background: url('../images/b1.jpg');}

#section_0 .background_2{ position: absolute; display: none; top:0; width: 385px; height: 507px; background: url('../images/b2.jpg');}



#section_0 .news_item{ width: 1200px; height: 438px; margin: 0 auto; position: absolute; left: 46.5%; top: 0; margin-left: -550px; z-index: 9000; overflow: hidden;}

#section_0 .news_item .news_ul{ position: absolute; z-index: 9000; left: 17px; top: 0}

#section_0 .news_item .news_ul li{ width: 1200px; height: 507px; float: left; margin-top: 20px;}

#section_0 .news_item .part_0{ width: 600px; height: 507px;}

#section_0 .news_item .part_1{ width: 575px; height: 438px; box-sizing: border-box;padding-right: 15px; position: relative; z-index: 9000;}

#section_0 .news_item .part_1 .date{ border-bottom: 3px #333 solid; height: 38px; width: 100px; text-align: center; }

#section_0 .news_item .part_1 .desc{ line-height: 30px; color: #acacac;}

#section_0 .news_item .change_btn_item{ position: absolute; right: 0; bottom: 0; width: 55px; height: 100px; z-index: 9001;}

#section_0 .news_item .change_btn_item .l_btn{ width: 20px; height: 20px; background: url('../images/l_btn_0.jpg') no-repeat #fff; transition: 1;}

#section_0 .news_item .change_btn_item .r_btn{ width: 20px; height: 20px; background: url('../images/r_btn_0.jpg') no-repeat #fff; transition: 1;}

#section_0 .news_item .change_btn_item .l_btn:hover{background: url('../images/l_btn_1.jpg') no-repeat #fff;}

#section_0 .news_item .change_btn_item .r_btn:hover{background: url('../images/r_btn_1.jpg') no-repeat #fff;}



#section_0 .news_item1{ width: 1200px; height: 438px; margin: 0 auto; position: absolute; left: 46.5%; top: 0; margin-left: -550px; z-index: 9000; overflow: hidden;}

#section_0 .news_item1 .news_ul1{ position: absolute; z-index: 9000; left: 17px; top: 0; cursor:none;}

#section_0 .news_item1 .news_ul1 li{ width: 1200px; height: 507px; float: left; margin-top: 20px;}

#section_0 .news_item1 .part_0{ width: 600px; height: 507px;}

#section_0 .news_item1 .part_1{ width: 575px; height: 438px; box-sizing: border-box;padding-right: 15px; position: relative; z-index: 9000;}

#section_0 .news_item1 .part_1 .date{ border-bottom: 3px #333 solid; height: 38px; width: 100px; text-align: center; }

#section_0 .news_item1 .part_1 .desc{ line-height: 30px; color: #acacac;}



#section_1{ width: 100%; ;}

#section_1 .box_item{ display: -webkit-box; display: box;}

#section_1 .box_item .item{width: 25%; padding-top: 120px; padding-bottom: 120px; box-sizing: border-box;}

#section_1 .box_item .item .year{ font-size: 60px; font-family: "Arial";}

#section_1 .box_item .item .title{ font-size: 18px; color: #b8b8b8; margin-top: 20px;}

#section_1 .box_item .item .s2{ margin-left:5px;}

#section_1 .box_item .item .s3{ margin-left:-18px;}

#section_1 .box_item .item .s4{ margin-right:13px;}

#section_1 .box_item .item_0{  padding-left: 22px;}

#section_1 .box_item .item_1{  padding-left: 83px;}

#section_1 .box_item .item_2{  padding-left: 117px;}

#section_1 .box_item .item_3{  padding-left: 22px; text-align: right;}



#section_2{ width: 100%; ; background: url('../images/section_bg.jpg') repeat-x #fff;}

#section_2 .item_0{ height: 233px;}

#section_2 .item_0 .part_0{ margin-top: 55px; margin-left: 20px; width: 764px; line-height: 28px;}

#section_2 .item_0 .part_1{ font-size: 18px; width: 287px; height: 53px; text-align: center; line-height: 53px; border: 1px #999 solid; margin-right: 5px; margin-top: 75px;}

#section_2 .item_1{}

#section_2 .item_1 .box_0{ width: 392px; height: 390px; font-size: 22px; text-align: center; line-height: 390px; background: #fbfbfb; margin-right: 12px; margin-bottom: 12px; transition: 0.6s;}

#section_2 .item_1 .box_0:hover{background: #363636; color: #fff; }



#section_3{ width: 100%; ; height: 644px; background: #f4f4f4 fixed; /*background: url('../images/b15.jpg') center bottom no-repeat fixed;*/}

#section_3 .change_item{ height: 644px; position: relative; z-index: 9000;}

#section_3 .change_item .warp_box{ position: absolute; width: 100%; z-index: 9000; top: 80px;}

#section_3 .change_item .w1{ z-index: 8000;}

#section_3 .change_item .w2{ z-index: 7999;}

#section_3 .change_item .w3{ z-index: 7998;}

#section_3 .change_item .w4{ z-index: 7997;}

#section_3 .desc_item{ display: -webkit-box; display: box;}

#section_3 .desc_item .item_0{ width: 392px; height: 242px; border: 1px #e1e1e1 solid; box-sizing: border-box; background: #fff; margin-right: 12px; color: #acacac; text-align: center; line-height: 28px; padding-top: 65px; position: relative; z-index: 9000;}

#section_3 .desc_item .item_0 .arrow{ position: absolute; bottom: -28px; left: 0;}

#section_3 .desc_item .item_0:last-child{ margin-right: 0;}

#section_3 .photo_item{ width: 1200px; height: 100px; position: relative; z-index: 9000;}

#section_3 .photo_item .item_1{ width: 400px; height:100px; float: left;}

#section_3 .photo_item .item_1 .photo{ margin-left: 25px;}

#section_3 .photo_item .item_1 .name{ margin-left: 15px; line-height: 100px; font-size: 20px;}

#section_3 .icon_item{ width: 100%; position: absolute; z-index: 9000; left: 0; bottom: 80px;}

#section_3 .icon_item .icon{ width: 45px; height: 5px; font-size: 0; background: #bbbbbb; display: inline-block;}

#section_3 .icon_item .active{ background: #333;}



#section_4{width: 100%; ; background: #fff;}

#section_4 .item_0{ height: 500px;}

#section_4 .item_0 .part_0{ width: 500px; color: #000; text-decoration: underline; box-sizing: border-box; font-size: 18px; padding-left: 45px; padding-top: 80px; line-height: 44px; padding-right: 50px;}

#section_4 .item_0 .part_1{ width: 700px; box-sizing: border-box;padding-left: 30px; padding-top: 80px; padding-right: 30px; line-height: 30px; color: #acacac;}

#section_4 .item_1{ width: 1131px; margin: 0 auto; display: box; display: -webkit-box;}

#section_4 .item_1 .part_0{ width: 325px;}

#section_4 .item_1 .part_1{ width: 465px; margin-left: 8px;}

#section_4 .item_1 .part_1 .title{ width: 465px; height: 267px; background: #363636; color: #fff; box-sizing: border-box; padding-top: 100px;}

#section_4 .item_1 .part_2{ width: 325px; margin-left: 8px;}

#section_4 .item_2{ margin-top: 90px;}

#section_4 .item_2 .title{ padding-left: 0px; font-size: 30px;}

#section_4 .item_2 .title .t_0{ width:195px; border-bottom: 3px #767676 solid; margin-top: 20px; padding-bottom: 15px;}

#section_4 .item_2 .article{ width: 580px; line-height: 35px; color: #666;}



#section_6{width: 100%; ; height: 860px; background: url('../images/b2.jpg') no-repeat center fixed; background-size: 2200px auto;}



.section_box .item_0 .box{ width: 392px; height: 221px; margin-left: 12px;}

.section_box .box{position: relative; z-index: 9000;}

.section_box .box .box_mask{ position: absolute; width: 392px; height: 221px; left: 0; top: 0; line-height:221px; text-align: center; font-size: 40px; background: #ebebeb; font-size: 18px;}

.section_box .item_0 .box:nth-child(1){ margin-left: 0;}

.section_box .item_0 .box:nth-child(4){ margin-left: 0; margin-top: 12px;}

.section_box .item_0 .box:nth-child(5){ margin-top: 12px;}

.section_box .item_0 .box:nth-child(6){ margin-top: 12px;}



@media screen and (max-width: 1400px) {

    #banner_0 .b1{ background: url('../images/b13.jpg') center top 50% no-repeat ;z-index: 8000; background-size: 100% auto;}

    #section_6{width: 100%; ; height: 860px; background: url('../images/b2.jpg') no-repeat center; background-size: 2200px auto;}

}